<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="Description" content="英雄联盟官方网站，海量风格各异的英雄，丰富、便捷的物品合成系统，游戏内置的匹配、排行和竞技系统，独创的“召唤师”系统及技能、符文、天赋等系统组合，必将带你进入一个崭新而又丰富多彩的游戏世界。">
    <!-- <link rel="stylesheet" href="images/LOL.jpg"> -->
    <!-- <link href="images/LOL.ico" > -->

    <link rel="shortcut icon" href="images/LOL.jpg">

    <title>英雄联盟</title>
    <!--公共样式表-->
    <link rel="stylesheet" type="text/css" href="public.css">
    <link rel="stylesheet" href="index_part1 copy.css">
    <link rel="stylesheet" href="index_part2.css">
    <link rel="stylesheet" href="index_part3 copy.css">
    
    <script src="index.js"></script>
    <!-- <script src="swiper2.7.6-with-scrollbar.min.js"></script> -->
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
    </script>


</head>
    <!-- 头部导航 -->
    <body id="body">
    <div class="public_topnav">
        <nav class="main_nav">

            <!-- 官网图标链接 -->
            <div class="icon_link clear">
                <a href="" class="logo">
                    <img src="images/logo-public.png" alt="">
                </a>
            </div>

            <!-- 主导航 -->
            <nav class="head_nav">
                <a href="">
                    <span class="nav_title">游戏资料</span>
                    <span class="nav_subtitle">GAME INFO</span>
                </a>
                <a href="">
                    <span class="nav_title">商城/合作</span>
                    <span class="nav_subtitle">STORE</span>
                </a>
                <a href="">
                    <span class="nav_title">社区互动</span>
                    <span class="nav_subtitle">COMMUNITY</span>
                </a>
                <a href="">
                    <span class="nav_title">赛事官网</span>
                    <span class="nav_subtitle">ESPORTS</span>
                </a>
                <a href="">
                    <span class="nav_title">自助系统</span>
                    <span class="nav_subtitle">SYSTEM</span>
                </a>
            </nav>

            <!-- 搜索图标 -->
            <a class="search" onclick="topSearch()"><span class="search_icon"></span></a>

            <!-- 掌盟图标 -->
            <span class="app"><a href="" class="app_form"></a>
                <!-- 掌盟二维码_hover -->
                <div class="app_hover">
                    <span class="app_linkicon">
                        <img src="images/app_link.jpg" alt="" class="app_img">
                    </span>
                    <p class="app_p">扫码下载掌上英雄联盟</p>
                    <img src="images/polo.gif" alt="" class="polo">
                </div>
            </span>

            <!-- 用户登入 -->
            <div class="user">
                <div class="user_icon">
                    <img src="Images/user.png" alt="">
                    <span></span>
                    <a href=""></a>
                </div>
                <div class="user_info">
                    <p class="user_enter">
                        亲爱的召唤师，欢迎<a href="">登录</a>
                    </p>
                </div>
                <!-- 用户登入_hover-->
                <div class="user_hover">
                    <div class="user_text">
                        <p class="p1">
                            登录并且绑定大区后才可以查看您的具体信息哦<br>
                            (包括战绩、资产、声望）
                        </p>
                        <p class="p2">
                            官网个人信息显示略有延迟，请以游戏数据为准
                        </p>
                    </div>
                    <a href="file:///G:/%E4%B8%89%E6%9C%88/Java%E6%96%87%E4%BB%B6/JAVA%E8%B7%AF%E7%BA%BF/Web-%E5%89%8D%E7%AB%AF/JavaScript/%E4%BF%84%E7%BD%97%E6%96%AF%E6%96%B9%E5%9D%97/index.html" class="user_entrance">进入个人中心<span class="arrow_icon"></span></a>
                </div>
            </div>

        </nav>

        <!-- 次级导航 -->
        <div class="second_nav">
            <div class="second_nav_content">
                <ul>
                    <li>
                        <a href="" class="second_nav_content_a">
                            游戏下载
                        </a>
                        <a href="" class="second_nav_content_a">
                            新手指引
                        </a>
                        <a href="" class="second_nav_content_a">
                            资料库
                        </a>
                        <a href="" class="second_nav_content_a"><span class="icon_new"></span>云顶之弈
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_new"></span>攻略中心
                        </a>
                        <a href="" class="second_nav_content_a">
                            开发者基地
                        </a>
                        <a href="" class="second_nav_content_a">
                            海克斯战利品库
                        </a>
                        <a href="" class="second_nav_content_a">
                            英雄联盟宇宙
                        </a>
                    </li>
                    <li>
                        <a href="" class="second_nav_content_a">
                            点券充值
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_hot"></span>道聚城
                        </a>
                        <a href="" class="second_nav_content_a">
                            周边商城
                        </a>
                        <a href="" class="second_nav_content_a">
                            LOL桌游
                        </a>
                        <a href="" class="second_nav_content_a">
                            LOL信用卡
                        </a>
                        <a href="" class="second_nav_content_a">
                            网吧特权
                        </a>
                        <a href="" class="second_nav_content_a">
                            电竞小说
                        </a>
                    </li>
                    <li>
                        <a href="" class="second_nav_content_a">
                            官方社区
                        </a>
                        <a href="" class="second_nav_content_a">
                            视频中心
                        </a>
                        <a href="" class="second_nav_content_a">
                            官方论坛
                        </a>
                        <a href="" class="second_nav_content_a">
                            官方微信
                        </a>
                        <a href="" class="second_nav_content_a">
                            官方微博
                        </a>
                        <a href="" class="second_nav_content_a">
                            玩家创作馆
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_new"></span>作者入驻计划
                        </a>
                        <a href="" class="second_nav_content_a">
                            玩家服务
                        </a>
                    </li>
                    <li>
                        <a href="" class="second_nav_content_a">
                            LPL职业联赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            LDL发展联赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            季中冠军赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            洲际系列赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_hot"></span>全球总决赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            全明星赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_new"></span>全国高校联赛
                        </a>
                        <a href="" class="second_nav_content_a">
                            城市英雄争霸赛
                        </a>
                    </li>
                    <li>
                        <a href="" class="second_nav_content_a">
                            联系客服
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_new"></span>转区系统
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_hot"></span>封号查询
                        </a>
                        <a href="" class="second_nav_content_a">
                            体验服下载
                        </a>
                        <a href="" class="second_nav_content_a">
                            <span class="icon_new"></span>信誉分系统
                        </a>
                        <a href="" class="second_nav_content_a">
                            服务器状态查询
                        </a>
                        <a href="" class="second_nav_content_a">
                            秩序殿堂
                        </a>
                        <a href="" class="second_nav_content_a">
                            峡谷之巅
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 顶部搜索 -->
        <div class="top_search">
            <div class="top_search_hover">
                <a href="" class="search_btn"><span class="search_icon"></span></a>
                <input type="text" id="top_search_hover_input" class="top_input_search" placeholder="搜索 lol.qq.com" autocomplete="off">
                <a href="" class="search_btn_close"><span class="close_btn"></span></a>
            </div>
        </div>

    </div>
   <!-- 头部广告版本详情 -->
   <div id="comm-topact" class="head_ad">
       <img id="topact-big-img"  src="../英雄联盟官网/images/电竞春晚IGvsRng.jfif" alt="" class="head_ad1">
       <img id="m5" src="../英雄联盟官网/images/电竞春晚IGvsRng2.jfif" alt="" class="head_ad2">
    <div class="dark_cover"></div>
    <!-- 广告详情版本 -->
    <div class="version">
        <a href="" class="ad_detail">查看详情</a>
        <div class="version_info">
            当前游戏版本：<span>Ver 11.2</span>
            <a href="" class="version_detail">版本详情</a>
        </div>
    </div>
   </div>

   <!-- 主界面 -->
   <div class="main_content">

        <!-- 第一主板块 -->
        <div class="part1">
            <!-- 轮播图 -->

              <!--将轮播图和字 框套起来-->
            <div>
                <div class="wrap">
                <ul class="list">
                    <li class="item active"><a href=""><img src="../英雄联盟官网/images/2021福牛贺岁.jpeg" alt="LOL"></a></li>
                    <li class="item"><a href=""><img src="../英雄联盟官网/images/命运之轮宝典第二期.jpeg" alt="LOL"></a></li>
                    <li class="item"><a href="https://lol.qq.com/act/a20210122ruined/index.html?e_code=500132">
                        <img src="../英雄联盟官网/images/破败军团.jpeg" alt="LOL"></a></li>
                    <li class="item"><a href=""><img src="../英雄联盟官网/images/阿卡丽的黑金商店.jpeg" alt="LOL"></a></li>
                    <li class="item"><a href=""><img src="../英雄联盟官网/images/新年限定周边.jpeg" alt="LOL"></a></li>
                </ul>
                </div>

                <!-- 轮播图下面的字 -->
                <div class="pointList">
                    <span class="point" data-index="0">2021福牛贺岁</span>
                    <span class="point" data-index="1">命运之轮宝典第II期</span>
                    <span class="point" data-index="2">破败军团</span>
                    <span class="point" data-index="3">阿卡丽黑金商店</span>
                    <span class="point" data-index="4">新春限定周边</span>
                </div> 

              </div>
             

            <!-- 新闻公告 -->
            <div class="main_news fr">                                                   
                <!-- 标题 -->
                <div class="part_top_tab">
                    <ul id="part_tab_title" class="part_tab_title">
                        <li id="li1">综合</li>
                        <li id="li2">公告</li>
                        <li id="li3">赛事</li>
                        <li id="li4">攻略</li>
                        <li id="li5">社区</li>
                    </ul>
                </div>
                <!-- 内容 -->
                <div class="news_content">
                    <ul class="news_content_list">
                    <!-- 内容上部分 -->
                        <li id="first" class="first">
                            <a id="item_href" href="https://lol.qq.com/act/a20210122lunarpresent/index.html?e_code=500130" target="_blank">
                                2021福牛贺岁</a>
                        </li>
                        
                        <li class="news_info event">
                            <span class="news_type">公告</span>
                            <a href="http://lol.qq.com/gicp/news/410/34169937.html?docid=4402722715588382486" class="news-href" target="_blank">
                                11.2版本更新公告：破败之王佛耶戈登场！
                            </a>
                            <span class="news_time">01-20</span>
                        </li>
                        <li class="news_info inform">
                            <span class="news_type">公告</span>
                            <a class="news-href" target="_blank" href="http://lol.qq.com/gicp/news/662/34169900.html?docid=6920871485613967820">
                                云顶之弈命运之轮季中更新：欢迎来到瑞兽闹新春
                            </a>
                            <span class="news_time">01-20</span>
                        </li>
                        <li class="news_info event">
                            <span class="news_type">新闻</span>
                            <a class="news-href" target="_blank" href="https://lol.qq.com/news/detail.shtml?docid=13940307264722707250" >
                                英雄剖析：佛耶戈
                              </a>
                            <span class="news_time">01-22</span>
                        </li>
                        <li class="news_info event">
                            <span class="news_type">新闻</span>
                            <a class="news-href" target="_blank" href="https://lol.qq.com/news/detail.shtml?docid=5530130789669444555">
                                命运之轮云顶宝典第II期 现已开启
                              </a>
                            <span class="news_time">01-20</span>
                        </li>
                        <li class="news_info inform">
                            <span class="news_type">视频</span>
                            <a class="news-href" target="_blank" href="https://lol.qq.com/v/v2/detail.shtml?docid=16022278354372868652" >
                                【云顶之弈】福牛俱乐部棋盘 DJ牛在线打碟
                              </a>
                            <span class="news_time">01-20</span>
                        </li>
                        <li class="news_info inform">
                            <span class="news_type">新闻</span>
                            <a class="news-href" target="_blank" href="https://lol.qq.com/news/detail.shtml?docid=11341302002414082027" >
                                命运之轮瑞兽闹新春 11.2版本一图流资料站
                              </a>
                            <span class="news_time">01-20</span>
                        </li>
                    </ul>
                    <!-- 内容下边链接 -->
                    <a target="_blank" class="btn_morenews" href="https://lol.qq.com/news/index.shtml">
                        <span class="sp1">阅读更多</span>
                        <span class="sp2">最新资讯</span>
                        <i class="arrow_icon"></i>
                      </a>
                
                </div>
            </div>


            <!-- 热门活动 -->
            <div id="div1" class="hot_action">
                <!-- 内容上部文字 -->
                <div class="part_top_tab">
                    <h2 class="part_h2_title">热门活动</h2>
                    <ul class="part_tab_title">
                      <li class="selected" >正在进行</li>
                      <li class="">商城特惠</li>
                      <li>长期活动</li>
                    </ul>
                    <a target="_blank" href="https://lol.qq.com/activity/index.shtml" class="herf_more">
                        更多<i class="arrow_icon"></i>
                    </a>
                  </div>
                <!-- 内容下部图片 -->
                <div class="action_content">
                    <ul class="action_list">
                        <li class="action_info">
                            <img src="../英雄联盟官网/images/山海绘卷.jpg" alt="LOL">
                            <p>山海绘卷</p>
                            <span class="endingtime">14天后结束</span>
                            <span class="icon_new_1"></span>
                            <div class="act_hover_info">
                                <span class="act_hover_border"></span>
                                <div class="act_hover_info_text">
                                    <h4 class="p1">山海绘卷</h4>
                                    <p class="p2">妙笔舞墨，绘定乾坤</p>
                                    <p class="p2">2021-01-29 - 2021-02-12</p>
                                </div>
                            </div>
                            <a target="_blank" href="https://lol.qq.com/act/a20210129shanhai/index.html?e_code=500135" class="herf_mark"></a>
                        </li>
                        <li class="action_info">
                            <img src="../英雄联盟官网/images/2021福牛贺岁.jpg" alt="LOL">
                            <p>2021福牛贺岁</p>
                            <span class="endingtime">30天后结束</span>
                            <div class="act_hover_info">
                                <span class="act_hover_border"></span>
                                <div class="act_hover_info_text">
                                    <h4 class="p1">2021福牛贺岁</h4>
                                    <p class="p2">金牛宝箱优先获得未解锁道具</p>
                                    <p class="p2">2021-01-22 - 2021-02-28</p>
                                </div>
                            </div>
                            <a target="_blank" href="https://lol.qq.com/act/a20210122lunarpresent/index.html?e_code=500135" class="herf_mark"></a>
                        </li>
                        <li class="action_info">
                            <img src="../英雄联盟官网/images/破败军团.jpg" alt="LOL">
                            <p>破败军团</p>
                            <span class="endingtime">7天后结束</span>
                            <div class="act_hover_info">
                                <span class="act_hover_border"></span>
                                <div class="act_hover_info_text">
                                    <h4 class="p1">破败军团</h4>
                                    <p class="p2">王刃所向  军团所往</p>
                                    <p class="p2">2021-01-22 - 2021-02-05</p>
                                </div>
                            </div>
                            <a target="_blank" href="https://lol.qq.com/act/a20210122ruined/index.html?e_code=500135" class="herf_mark"></a>
                        </li>
                        <li class="action_info">
                            <img src="../英雄联盟官网/images/阿卡丽的黑金商店.jpg" alt="LOL">
                            <p>阿卡丽的黑金商店</p>
                            <span class="endingtime">今天结束</span>
                            <span class="icon_new_1"></span>
                            <div class="act_hover_info">
                                <span class="act_hover_border"></span>
                                <div class="act_hover_info_text">
                                    <h4 class="p1">阿卡丽的黑金商店</h4>
                                    <p class="p2">获取专属折扣</p>
                                    <p class="p2">2021-01-15 - 2021-01-29</p>
                                </div>
                            </div>
                            <a target="_blank" href="https://lol.qq.com/act/a20210115akl/index.html?e_code=500135" class="herf_mark"></a>
                        </li>
                    </ul>
                </div>

            </div>

            <!-- 功能导航 -->
            <div class="function_nav">
                <ul class="btn_list">
                    <li class="download" title="下载游戏">
                        <video class="btn_download" autoplay="" loop="" muted="">
                            <!-- autoplay-自动播放 -->
                            <!-- loop-循环播放 -->
                            <!-- muted-静音 -->
                            <source src="video/btn-download.mpeg" type="audio/mpeg">
                        </video>
                        <a href="https://lol.qq.com/download.shtml?ADTAG=lolweb.v3" class="btn_herf_type0"></a>
                    </li>
                    <li class="btn_group">
                        <ul>
                            <li class="for_newplayer" title="新手必备">新手必备
                                <div class="for_newplayer_hover">
                                    <a href="https://lol.qq.com/data/newbie-what.shtml" class="for_lead">
                                        <span class="icon_lead"></span>
                                        指引
                                    </a>
                                    <a href="https://lol.qq.com/act/djc_qt_rookie/web/a20141205rookie/index.htm" class="for_gift">
                                        <span class="icon_gift"></span>
                                        礼包</a>
                                </div>
                            </li>
                            <li class="btn_1" title="领取中心">
                                <a href="" class="btn_herf_type1">领取中心</a>
                            </li>



                        </ul>
                    </li>

                    <li class="btn_2" title="在线客服">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_onlineservice"></span>
                            在线客服</a>
                    </li>
                    <li class="btn_2" title="秩序殿堂">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_rule"></span>
                            秩序殿堂</a>
                    </li>
                    <li class="btn_2" title="游戏资料">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_gameinfo"></span>
                            游戏资料</a>
                    </li>
                    <li class="btn_2" title="峡谷之巅">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_topplayer"></span>
                            峡谷之巅</a>
                    </li>
                    <li class="btn_2" title="云顶之弈">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_chess"></span>
                            云顶之弈
                            <span class="icon_new_1"></span>
                        </a>

                    </li>
                    <li class="btn_2" title="攻略中心">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_method"></span>
                            攻略中心</a>
                    </li>
                    <li class="btn_2" title="LOL宇宙">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_universe"></span>
                            LOL宇宙</a>
                    </li>
                    <li class="btn_2" title="微信绑定">
                        <a href="" class="btn_herf_type2">
                            <span class="icon_WeChat"></span>
                            微信绑定</a>
                    </li>
                </ul>
            </div>

            <!-- 新英雄新皮肤 -->
            <div class="new_hero_skin">
                <!-- 新英雄 -->
                <div class="new_hero">
                    <img src="../英雄联盟官网/images/新英雄破败之王佛耶戈.png" alt="破败之王" class="hero_img">
                    <span class="img_repeat"></span>
                    <span class="new_hero_skin_tab">新英雄</span>
                    <p class="new_introduction">他的爱是永不止息</p>
                    <p class="hero_name">破败之王 佛耶戈登场</p>
                    <!-- 英雄hover -->
                    <div class="new_hero_hover">
                        <span class="border"></span>
                        <p class="p1">破败之王 佛耶戈登场</p>
                        <ul class="hero_ability">
                            <li>
                                难度 ：
                                <ul class="hard_level hard">
                                    <li class="mark"></li>
                                    <li class="mark"></li>
                                    <li></li>
                                </ul>
                            </li>
                            <li>
                                物理攻击 ：
                                <span class="ab_level ab_ad">
                                    <span></span>
                                </span>
                            </li>
                            <li>
                                防御能力 ：
                                <span class="ab_level ab_tk">
                                    <span></span>
                                </span>
                            </li>
                            <li>
                                魔法攻击 ：
                                <span class="ab_level ab_ap">
                                    <span></span>
                                </span>
                            </li>
                        </ul>
                        <a href="https://lol.qq.com/act/a20210111viego/index.html" class="new_hero_herf">查看详情
                            <span class="arrow_icon2"></span>
                        </a>
                    </div>
                </div>

                <!-- 新皮肤 -->
                <div class="new_skin">
                    <img src="../英雄联盟官网/images/破败军团.jfif" alt="破败军团" width="402" height="254">
                    <span class="img_repeat"></span>
                    <span class="new_hero_skin_tab">新皮肤</span>
                    <p class="new_introduction">王刃所向 军团所往</p>
                    <p class="skin_name">破败军团</p>
                    <!-- 皮肤hover -->
                    <div class="skin_hover_out">
                        <img src="../英雄联盟官网/images/破败军团.jfif" alt="破败军团" width="435" height="244">
                        <div class="skin_hovervideo">
                            <video src="../英雄联盟官网/video/version.mp4" controls="视频" autoplay=true></video>
                        </div>
                        <p class="p1">王刃所向 军团所往</p>
                        <p class="p2">破败军团</p>
                        <a href="https://lol.qq.com/act/a20210122ruined/index.html" class="skin_herf">查看详情</a>
                    </div>
                </div>
            </div>
            <!-- 版本导航 -->
            <div class="version_nav">

                <!-- 版本更新详情 -->
                <div class="new_version">
                    <img src="../英雄联盟官网/images/破败之王 佛耶戈11.2版本.jfif" alt="破败之王" width="240" height="120">
    
                    <!-- 版本hover -->
                    <div class="version_hover">
                        <img src="../英雄联盟官网/images/破败之王 佛耶戈11.2版本.jfif" alt="版本更新" width="270" height="186">
                        <div class="ver_hovervideo" width="270" height="186" alt="版本更新">
                        </div>
                        <p class="p1">版本更新</p>
                        <p class="p2">游戏版本11.2</p>
                        <a href="https://lol.qq.com/gicp/news/410/34169937.html" class="ver_herf" target="_blank" title="版本更新">查看详情</a>
                    </div>
                </div>

                <!-- 英雄故事 -->
                <!-- 赏金猎人 -->
                <div class="hero_bg">
                    <img src="../英雄联盟官网/images/赏金猎人中型雕塑正面.jfif" alt="赏金猎人中型雕塑正面" width="240" height="120">
                    <img src="../英雄联盟官网/images/赏金猎人中型雕塑背面.jfif" alt="赏金猎人中型雕塑背面" class="hover_img" width="240" height="120">
                    <a href="https://lolriotmall.qq.com/detail.shtml?id=19295&CLICKTAG=lolriotmall.pc.index.recommend3" class="herf_mark"></a>
                </div>

                <!-- 数据分析 -->
                <div class="hero_data">
                    <img src="../英雄联盟官网/images/英雄剖析 佛耶戈.jfif" alt="佛耶戈" width="242" height="180">
                    <!-- 数据分析hover -->
                    <div class="data_hover">
                        <span class="data_border"></span>
                        <div class="info">
                            <p class="p1">英雄剖析：佛耶戈</p>
                            <p class="p2">你们就真把他做成英雄了呗？</p>
                        </div>
                    </div>
                    <a href="http://lol.qq.com/nexus/pc/detail.html?tagtype=129&docid=13940307264722707250" class="herf_mark"></a>
                </div>

                <!-- 周免 -->
                <div class="week_free">
                    <a href="" class="week_free_a">
                        <span class="icon_left"></span>
                        周免
                        <span class="arrow_icon3"></span>
                        <span class="icon_right"></span>
                    </a>
                    <!-- 周免hover -->
                    <div class="week_free_hover">
                        <ul class="hero_iconlist">
                            <li class="hero_icon">
                                <img src="Images/Neeko.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/Zoe.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/Xayah.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/Rakan.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/Karma.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/DrMundo.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/Galio.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                            <li class="hero_icon">
                                <img src="Images/Gangplank.png" alt="">
                                <a href="" class="herf_mark"></a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <!--更多新皮肤-->
            <div class="more_skin">
                <ul class="content">
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/光明&黑暗骑士.jfif" alt="峡谷传说2020">
                        <p class="skin_name">光明&黑暗 骑士</p>
                        <a href="https://lol.qq.com/act/a20210108WardenandMarauder/index.html" class="herf_mark"></a>
                    </li>
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/女帝.jfif" alt="女帝">
                        <p class="skin_name">女帝</p>
                        <a href="https://lol.qq.com/act/a20201211battlequeen/index.html" class="herf_mark"></a>
                    </li>
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/永恒之森.jfif" alt="永恒之森">
                        <p class="skin_name">永恒之森</p>
                        <a href="https://lol.qq.com/act/a20201211battlequeen/index.html" class="herf_mark"></a>
                    </li>
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/星界.jfif" alt="星界">
                        <p class="skin_name">星界</p>
                        <a href="https://lol.qq.com/act/a20201126cosmic/index.html" class="herf_mark"></a>
                    </li>
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/抵抗军Vs战地机甲.jfif" alt="抵抗军VS战地机甲">
                        <p class="skin_name">抵抗军VS战地机甲</p>
                        <a href="https://lol.qq.com/act/a20201113resistance/index.html?e_code=443433" class="herf_mark"></a>
                    </li>·  
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/KDA.jfif" alt="K/DA ALL OUT">
                        <p class="skin_name">K/DA ALL OUT</p>
                        <a href="https://lol.qq.com/act/a20201030kda/index.html" class="herf_mark"></a>
                    </li>
                    <li class="more_skin_item">
                        <img src="../英雄联盟官网/images/峡谷传说2020.jfif" alt="峡谷传说2020">
                        <p class="skin_name">峡谷传说2020</p>
                        <a href="https://lol.qq.com/act/a20201023talesfromrift/index.html" class="herf_mark"></a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 第二主板块 -->
        <div class="part2">
        <!-- 赛事中心 -->
        <div class="event_center">
        <!-- 上面的字 -->
        <div class="part_top_tab">
            <h2 id="m2" class="part_h2_title">赛事中心</h2>
            <ul class="part_tab_title">
                <li class="">入围赛</li>
                <li class="">小组赛</li>
                <li class="selected">淘汰赛</li>
            </ul>
            <a href="" class="event_icon">
                <img src="images/eventicon.png" alt="">
                2019全球总决赛</a>
            <a href="" class="herf_more">更多
                <span class="arrow_icon"></span>
            </a>
        </div>
        <!-- 赛程 -->
        <div class="event_content">
            <!-- 入围赛 -->
            <div></div>
            <!-- 小组赛 -->
            <div></div>
            <!-- 淘汰赛 -->
            <div class="s_event_knockout">
                <!-- 四分之一淘汰赛 -->
                <div class="event_topfour">
                    <h3 class="event_partname">四分之一淘汰赛
                        <a>BO5</a>
                    </h3>
                    <ul class="BO5">
                        <li class="duel_BO5">
                            <p class="info">
                                <span class="result">已结束</span>
                                <span class="time">10月26日 18:00</span>
                                <a href="" class="video_herf">视频</a>
                                <a href="" class="data_herf">数据</a>
                            </p>
                            <!-- 战队 -->
                            <p class="team">
                                <span class="team_icon">
                                    <img src="Images/GRF.png" alt="">
                                </span>
                                <span class="team_name">GRF</span>
                                <span class="score">1</span>
                            </p>
                            <p class="team win">
                                <span class="team_icon">
                                    <img src="Images/IG.png" alt="">
                                </span>
                                <span class="team_name">IG</span>
                                <span class="score">3</span>
                            </p>
                        </li>
                        <li class="duel_BO5">
                            <p class="info">
                                <span class="result">已结束</span>
                                <span class="time">10月26日 23:00</span>
                                <a href="" class="video_herf">视频</a>
                                <a href="" class="data_herf">数据</a>
                            </p>
                            <!-- 战队 -->
                            <p class="team win">
                                <span class="team_icon">
                                    <img src="Images/FPX.png" alt="">
                                </span>
                                <span class="team_name">GRF</span>
                                <span class="score">3</span>
                            </p>
                            <p class="team">
                                <span class="team_icon">
                                    <img src="Images/FNC.png" alt="">
                                </span>
                                <span class="team_name">FNC</span>
                                <span class="score">1</span>
                            </p>
                        </li>
                        <li class="duel_BO5">
                            <p class="info">
                                <span class="result">已结束</span>
                                <span class="time">10月27日 19:00</span>
                                <a href="" class="video_herf">视频</a>
                                <a href="" class="data_herf">数据</a>
                            </p>
                            <!-- 战队 -->
                            <p class="team win">
                                <span class="team_icon">
                                    <img src="Images/SKT.png" alt="">
                                </span>
                                <span class="team_name">SKT</span>
                                <span class="score">3</span>
                            </p>
                            <p class="team">
                                <span class="team_icon">
                                    <img src="Images/SPY.png" alt="">
                                </span>
                                <span class="team_name">SPY</span>
                                <span class="score">1</span>
                            </p>
                        </li>
                        <li class="duel_BO5">
                            <p class="info">
                                <span class="result">已结束</span>
                                <span class="time">10月28日 0:00</span>
                                <a href="" class="video_herf">视频</a>
                                <a href="" class="data_herf">数据</a>
                            </p>
                            <!-- 战队 -->
                            <p class="team">
                                <span class="team_icon">
                                    <img src="Images/DWG.png" alt="">
                                </span>
                                <span class="team_name">DWG</span>
                                <span class="score">1</span>
                            </p>
                            <p class="team win">
                                <span class="team_icon">
                                    <img src="Images/G2.png" alt="">
                                </span>
                                <span class="team_name">G2</span>
                                <span class="score">3</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <!-- 四分之一淘汰赛和半决赛之间的空格 -->
                <div class="BO5_link">
                    <span class="link_type2"></span>
                    <span class="link_type2"></span>
                </div>
                <!-- 半决赛 -->
                <div class="semifinal">
                    <h3 class="event_partname">
                        半决赛
                        <a>BO5</a>
                    </h3>
                    <ul class="BO5">
                        <li class="duel_BO5">
                            <p class="info">
                                <span class="result">已结束</span>
                                <span class="time">11月2日 19:00</span>
                                <a href="" class="video_herf">视频</a>
                                <a href="" class="data_herf">数据</a>
                            </p>
                            <!-- 战队 -->
                            <p class="team">
                                <span class="team_icon">
                                    <img src="Images/IG.png" alt="">
                                </span>
                                <span class="team_name">IG</span>
                                <span class="score">1</span>
                            </p>
                            <p class="team win">
                                <span class="team_icon">
                                    <img src="Images/FPX.png" alt="">
                                </span>
                                <span class="team_name">FPX</span>
                                <span class="score">3</span>
                            </p>
                        </li>
                        <li class="duel_BO5">
                            <p class="info">
                                <span class="result">已结束</span>
                                <span class="time">11月3日 19:00</span>
                                <a href="" class="video_herf">视频</a>
                                <a href="" class="data_herf">数据</a>
                            </p>
                            <!-- 战队 -->
                            <p class="team">
                                <span class="team_icon">
                                    <img src="Images/SKT.png" alt="">
                                </span>
                                <span class="team_name">SKT</span>
                                <span class="score">1</span>
                            </p>
                            <p class="team win">
                                <span class="team_icon">
                                    <img src="Images/G2.png" alt="">
                                </span>
                                <span class="team_name">G2</span>
                                <span class="score">3</span>
                            </p>
                        </li>
                    </ul>
                </div>
                <!-- 半决赛和总决赛之间的空格 -->
                <div class="BO5_link_0">
                    <span class="link_type3"></span>
                </div>
                <!-- 总决赛 -->
                <div class="finals">
                    <h3 class="event_partname">
                        总决赛
                        <a>BO5</a>
                    </h3>
                    <div class="duel_BO5">
                        <p class="info">
                            <span class="result">已结束</span>
                            <span class="time">10月28日 0:00</span>
                            <a href="" class="video_herf">视频</a>
                            <a href="" class="data_herf">数据</a>
                        </p>
                        <!-- 战队 -->
                        <p class="team win">
                            <span class="team_icon">
                                <img src="Images/FPX.png" alt="">
                            </span>
                            <span class="team_name">FPX</span>
                            <span class="score">3</span>
                        </p>
                        <p class="team">
                            <span class="team_icon">
                                <img src="Images/G2.png" alt="">
                            </span>
                            <span class="team_name">G2</span>
                            <span class="score">0</span>
                        </p>
                    </div>
                </div>
            </div>
            
        </div>
        </div>
        </div>

        <!-- 第三主板块 -->
        <div class="hero_content">
            <!-- 英雄模块标题 -->
            <div class="part_top_tab">
                <!-- 英雄资料 -->
                <h2 id="m3" class="part_h2_title">
                    英雄资料
                </h2>
                <!-- 英雄分类栏 -->
                <ul class="part_tab_title">
                    <li class="selected">所有英雄</li>
                    <li class="">战士</li>
                    <li class="">法师</li>
                    <li class="">刺客</li>
                    <li class="">坦克</li>
                    <li class="">射手</li>
                    <li class="">辅助</li>
                </ul>
                <!-- 资料库 -->
                <a href="" class="herf_more">资料库
                    <span class="arrow_icon"></span>
                </a>
            </div>
            <!-- 英雄列表 -->
            <div class="hero_list">
                <ul class="hero_list_ul">
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Olaf.png" alt="">
                        <i class="hover_icon"></i>
                        <p>狂战士</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Galio.png" alt="">
                        <i class="hover_icon"></i>
                        <p>正义巨像</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/TwistedFate.png" alt="">
                        <i class="hover_icon"></i>
                        <p>卡牌大师</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/XinZhao.png" alt="">
                        <i class="hover_icon"></i>
                        <p>德邦总管</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Urgot.png" alt="">
                        <i class="hover_icon"></i>
                        <p>无畏战车</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yasuo.png" alt="">
                        <i class="hover_icon"></i>
                        <p>疾风剑豪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yuumi.png" alt="">
                        <i class="hover_icon"></i>
                        <p>魔法猫咪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Senna.png" alt="">
                        <i class="hover_icon"></i>
                        <p>涤魂圣枪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Ashe.png" alt="">
                        <i class="hover_icon"></i>
                        <p>寒冰射手</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Anivia.png" alt="">
                        <i class="hover_icon"></i>
                        <p>冰晶凤凰</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Qiyana.png" alt="">
                        <i class="hover_icon"></i>
                        <p>元素女皇</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Olaf.png" alt="">
                        <i class="hover_icon"></i>
                        <p>狂战士</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Galio.png" alt="">
                        <i class="hover_icon"></i>
                        <p>正义巨像</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/TwistedFate.png" alt="">
                        <i class="hover_icon"></i>
                        <p>卡牌大师</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/XinZhao.png" alt="">
                        <i class="hover_icon"></i>
                        <p>德邦总管</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Urgot.png" alt="">
                        <i class="hover_icon"></i>
                        <p>无畏战车</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yasuo.png" alt="">
                        <i class="hover_icon"></i>
                        <p>疾风剑豪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yuumi.png" alt="">
                        <i class="hover_icon"></i>
                        <p>魔法猫咪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Senna.png" alt="">
                        <i class="hover_icon"></i>
                        <p>涤魂圣枪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Ashe.png" alt="">
                        <i class="hover_icon"></i>
                        <p>寒冰射手</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Anivia.png" alt="">
                        <i class="hover_icon"></i>
                        <p>冰晶凤凰</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li> <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Olaf.png" alt="">
                        <i class="hover_icon"></i>
                        <p>狂战士</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Galio.png" alt="">
                        <i class="hover_icon"></i>
                        <p>正义巨像</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/TwistedFate.png" alt="">
                        <i class="hover_icon"></i>
                        <p>卡牌大师</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/XinZhao.png" alt="">
                        <i class="hover_icon"></i>
                        <p>德邦总管</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Urgot.png" alt="">
                        <i class="hover_icon"></i>
                        <p>无畏战车</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yasuo.png" alt="">
                        <i class="hover_icon"></i>
                        <p>疾风剑豪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yuumi.png" alt="">
                        <i class="hover_icon"></i>
                        <p>魔法猫咪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Senna.png" alt="">
                        <i class="hover_icon"></i>
                        <p>涤魂圣枪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Ashe.png" alt="">
                        <i class="hover_icon"></i>
                        <p>寒冰射手</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Anivia.png" alt="">
                        <i class="hover_icon"></i>
                        <p>冰晶凤凰</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Olaf.png" alt="">
                        <i class="hover_icon"></i>
                        <p>狂战士</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Galio.png" alt="">
                        <i class="hover_icon"></i>
                        <p>正义巨像</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/TwistedFate.png" alt="">
                        <i class="hover_icon"></i>
                        <p>卡牌大师</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/XinZhao.png" alt="">
                        <i class="hover_icon"></i>
                        <p>德邦总管</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Urgot.png" alt="">
                        <i class="hover_icon"></i>
                        <p>无畏战车</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yasuo.png" alt="">
                        <i class="hover_icon"></i>
                        <p>疾风剑豪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Yuumi.png" alt="">
                        <i class="hover_icon"></i>
                        <p>魔法猫咪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Senna.png" alt="">
                        <i class="hover_icon"></i>
                        <p>涤魂圣枪</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Ashe.png" alt="">
                        <i class="hover_icon"></i>
                        <p>寒冰射手</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Anivia.png" alt="">
                        <i class="hover_icon"></i>
                        <p>冰晶凤凰</p>
                        <a href="" class="herf_mark"></a>
                    </li>
                    <li class="list_item">
                        <img src="Images/Annie.png" alt="">
                        <i class="hover_icon"></i>
                        <p>黑暗之女</p>
                        <a href="" class="herf_mark"></a>
                    </li>
   
                       
                    </li>
                </ul>
            </div>
            <!-- 滚动条 -->
            <div class="scrollbar">
                <div class="swiper-scrollbar-drag swiper-scrollbar-cursor-drag" style="transition-duration: 0ms; transform: translate3d(0px, 256.293px, 0px); height: 142.632px;">
                    </div>
                </div>
            </div>
        </div>

        <!-- 第四主板块 -->
        <div class="part4">
            <div class="part4_content">
                <!-- 左部分 -->
                <div class="fanart">
                    <!-- 上边文字 -->
                    <div class="part_top_tab">
                        <h2 id="m4" class="part_h2_title">FANART创作馆</h2>
                        <a href="" class="herf_more">
                            更多
                            <i class="arrow_icon"></i>
                        </a>
                    </div>
                    <!-- 下面图片 -->
                    <ul class="fanart_list">
                        <li>
                            <a href="">
                                <img src="images/fanart1.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    无E无靠!
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">5</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart2.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    死亡如风！
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">7</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart3.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    E往无前！
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">10</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart4.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    无E无靠!
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">35</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart6.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    E生之敌
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">5</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart7.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    无E无靠!
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">5</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart8.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    无E无靠!
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">5</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/fanart9.jfif" alt="">
                            </a>
                            <div class="fanart_hover">
                                <p class="p1">
                                    无E无靠!
                                </p>
                                <p class="p2">
                                    <span class="icon_666"></span>
                                    <span class="number">5</span>
                                    <span class="tip">+1</span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>

                <!-- 右部分 -->
                <div class="right_list">
                    <!-- 左边日女 -->
                    <div class="teach">
                        <img src="images/teach.png" alt="">
                        <a href="" class="herf_mark"></a>
                    </div>
                    <!-- 右部分 -->
                    <ul class="btn_nav">
                        <!-- 用户调查 -->
                        <li class="btn_item">
                            <img src="images/btn_nav1.jpg" alt="">
                            <a href="https://lol.qq.com/act/a20160407ymy/index.htm?iSurveyId=1" target="_blank">
                                <span class="icon_point"></span>
                                英雄联盟用户调查
                            </a>
                        </li>
                        <!-- 见证版本历史 -->
                        <li class="btn_item">
                            <img src="images/btn_nav2.jpg" alt="">
                            <a href="https://lol.qq.com/gicp/news/423/2/1334/1.html" target="_blank">
                                <span class="icon_point"></span>
                                见证版本历史
                            </a>
                        </li>
                        <!-- 年度品牌展示 -->
                        <li class="btn_item">
                            <img src="images/btn_nav3.jpg" alt="">
                            <a href="">
                                <span class="icon_point"></span>
                                年度品牌展示
                            </a>
                        </li>
                        <!-- 合作媒体 -->
                        <li class="btn_item btn">
                            <a href="">
                                <span class="icon_left"></span>
                                合作媒体
                                <span class="arrow_icon3"></span>
                                <span class="icon_right"></span>
                            </a>
                            <div class="partner_list">
                                
                                <div>
                                <div class="list_content">
                                    <ul>
                                        <li>
                                            <a href="http://lol.tuwan.com/">兔玩</a>
                                        </li>
                                        <li>
                                            <a href="http://lol.te5.com/">特玩</a>
                                        </li>
                                        <li>
                                            <a href="https://gg.hupu.com/">虎扑电竞</a>
                                        </li>
                                        <li>
                                            <a href="http://www.lolfun.cn/">T-rex</a>
                                        </li>
                                        <li>
                                            <a href="http://www.dadianjing.cn/">大电竞</a>
                                        </li>
                                        <li>
                                            <a href="https://www.loldk.com/">大咖</a>
                                        </li>
                                        <li>
                                            <a href="https://lol.duowan.com/">多玩</a>
                                        </li>
                                        <li>
                                            <a href="http://www.famulei.com/">伐木累</a>
                                        </li>
                                        <li>
                                            <a href="https://imgx.lygou.cc/cherry/lol/list">捞月狗</a>
                                        </li>
                                        <li>
                                            <a href="https://lol.chaofan.com/">超凡电竞</a>
                                        </li>
                                        <li>
                                            <a href="http://lol.te5.com/">特玩</a>
                                        </li>
                                        <li>
                                            <a href="https://lol.duowan.com/">多玩</a>
                                        </li>
                                        <li>
                                            <a href="http://www.famulei.com/">伐木累</a>
                                        </li>
                                        <li>
                                            <a href="http://www.lolfun.cn/">T-rex</a>
                                        </li>
                                        <li>
                                            <a href="http://www.dadianjing.cn/">大电竞</a>
                                        </li>
                                    </ul>
                                </div>
                                </div>

                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 侧边栏 -->
        <div id="daohang" class="rightnav-bar show">
            <ul>
                <a href="#m1">
                <li data-scrollto=".btn-morenews" class="rightnav-bar-li sl_action" onclick="PTTSendClick('rightnav','rightnav-act','热门活动');">
                    <span>
                        <i></i>
                    </span>
                    <a href="#m1">热门活动</a>
                </li>
                </a>
                <a href="#m2">
                <li data-scrollto=".g-wrap-match" onclick="PTTSendClick('rightnav','rightnav-event','赛事中心');" class="rightnav-bar-li sl_event">
                    <span>
                        <i></i>
                    </span>
                    <a href="#m2">赛事中心</a>
                </li>
            </a>
            <a href="#m3">
                <li data-scrollto=".g-wrap-championlist" class="rightnav-bar-li sl_hero" onclick="PTTSendClick('rightnav','rightnav-championrecommend','英雄资料');">
                    <span>
                        <i></i>
                    </span>
                    <a href="#m3">英雄资料</a>
                </li>
            </a>
            <a href="#m4">
                <li data-scrollto=".fanart-left" class="rightnav-bar-li sl_fanart" onclick="PTTSendClick('rightnav','rightnav-fanart','FANART');">
                    <span>
                        <i></i>
                    </span>
                    <a href="#m4">FANART</a>
                </li>
            </a>
            <a href="#m5">
                <li onclick="PTTSendClick('rightnav','rightnav-backTop','回到顶部');" class="rightnav-bar-li sl_top">
                    <span>
                        <i></i>
                        <img src="Images/polo.gif" alt="">
                    </span>
                    <a href="#m5">顶部</a>
                </li>
            </a>
            </ul>
        </div>
        <!-- <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
        </script> -->

   </div>

    <!-- 底部 -->
    <footer>
        <div class="footer_content">
            <div></div>
            <div class="icon_copyright">
                <a href="" class="icon_tx"></a>
                <a href="" class="icon_riot"></a>
            </div>
            <ul class="info_ul">
                <li class="link_map">
                    <a href="">腾讯互动娱乐</a>
                    <span class="f_line">|</span>
                    <a href="">服务条款</a>
                    <span class="f_line">|</span>
                    <a href="">隐私与保护</a>
                    <span class="f_line">|</span>
                    <a href="">腾讯游戏招聘</a>
                    <span class="f_line">|</span>
                    <a href="">腾讯游戏客服</a>
                    <span class="f_line">|</span>
                    <a href="">游戏列表</a>
                    <span class="f_line">|</span>
                    <a href="">广告服务及商务合作</a>
                </li>
                <li><a href="">腾讯公司版权所有     作者：@胡超-三月</a></li>
                <li>
                    <p class="copyright_text">COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</p>
                    <p class="copyright_text">COPYRIGHT © 2012 Riot Games,Inc. ALL RIGHTS RESERVED.</p>
                </li>
                <li class="limit_age">本网络游戏适合18+岁的用户使用；为了您的健康，请合理控制游戏时间。</li>
                <li class="copyright_public">
                    <a href="">粤网文[2017]6138-1456号</a>
                    <a href="">（总）网出证（粤）字第057号</a>
                </li>
                <li class="copyright_private">
                    批准文号：新出审字[2011]310号
                    <span class="f_line">|</span>
                    文网进字[2011] 004号
                    <span class="f_line">|</span>
                    出版物号：ISBN 978-7-89989-145-2
                    <span class="f_line">|</span>
                    全国文化市场统一举报电话：12318
                </li>
            </ul>
        </div>
    </footer>

    


    <script src="swiper2.7.6-with-scrollbar.min.js"></script>
</body>
</html>